<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--iframe - 框架标签，这里使用scr属性在框架嵌入了网页-->
<iframe src="https://www.bilibili.com" width="1000" height="500" frameborder="0"></iframe>
<!--使用scr属性在框架嵌入了图片-->
<iframe src="../Form/Form标签-属性.png" width="300" height="300" frameborder="0"></iframe>
<br>
<!--  iframe与超链接的target属性配合使用      使用a标签中target属性跳转嵌套了图片的框架，iframe中使用了指定锚点(name)-->
<a href="../Form/Form标签-属性.png" target="jump">点击查看图片</a>
<a href="https://www.bilibili.com" target="jump">点击查看哔哩</a>
<br>
<!--与表单的target属性配合使用-->
<form action="http://1556977568.my3v.work/" target="jump">
    <fieldset>
        <!--        分类的标题-->
        <legend>登录</legend>
        <lable>账户：<input type="text"></lable>
        <br>
        <lable>密码：<input type="password"></lable>
        <br>
        <input type="submit" value="确认">
    </fieldset>
</form>
<iframe name="jump" width="1000" height="500" frameborder="0"></iframe>
<!--
 * iframe标签：    语义 —— 框架
      iframe的属性：
             1：scr - 路径(可使用scr属性在框架嵌入网页)
             2：width - 宽度
             3：height - 高度
             4：frameborder - 边框
             5：name - 指定锚点
-->
</body>
</html>